<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>凡客</title>
	<meta name="keywords" content="凡客,互联网时尚购物,时尚服饰,鞋子">
   <mate  name="description", content="凡客VANCL 官方网站,互联网快时尚品牌,网上购物首选品牌,提供男装、女装,鞋,家居等多种商品网购,支持货到付款的购物网站,特价商品,优惠券,快速配送,货到付款"> 
	<title>凡客</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="../../../资料/尚客/css/style_classify.css">
    <link rel="stylesheet" href="../../../资料/尚客/css/swiper-3.4.2.min.css">
	<script src="../../../资料/尚客/js/adaptive.js"></script>
</head>
<body>
<!-- 头部 -->
<div id="content">
  <div id="order">
      <div class="header">
      	私人订制
      	<span class="back"></span>
      </div>
  </div>

    <!-- banner轮播 -->
     <div class="banner">
        <!-- swiper-container -->
            <div class="swiper-container swiper-banner">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="#"><img src="../../../资料/尚客/images/order_banner1.jpg"></a></div>
                <div class="swiper-slide"><a href="#"><img src="../../../资料/尚客/images/order_banner2.jpg"></a></div>
                <div class="swiper-slide"><a href="#"><img src="../../../资料/尚客/images/order_banner3.jpg"></a></div>
                 <div class="swiper-slide"><a href="#"><img src="../../../资料/尚客/images/order_banner4.jpg"></a></div>
                
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination banner-pagination"></div>
            </div>
        <!-- swiper-container end -->
      </div>
      <img src="../../../资料/尚客/images/order_banner_b.jpg" alt="" class="banner_b">
      <img src="../../../资料/尚客/images/order_banner_b2.jpg" alt="" class="banner_b2">
       
       <!-- 左右滑动 -->
      <div class="swiper-container swiper_seconds">
                <div class="swiper-wrapper">
	                  <!--swiper-slide 一项-->
	                <div class="swiper-slide">
	                   <a href="#"><img src="../../../资料/尚客/images/banner_slide1.jpg"></a>
	                </div>
	                <div class="swiper-slide">
	                   <a href="#"><img src="../../../资料/尚客/images/banner_slide2.jpg"></a>
	                </div>

	             <div class="swiper-slide">
	                 <a href="#"><img src="../../../资料/尚客/images/banner_slide3.jpg"></a>
	              </div>
	              <div class="swiper-slide">
	                 <a href="#"><img src="../../../资料/尚客/images/banner_slide4.jpg"></a>
	               </div>
	              <div class="swiper-slide">
	                 <a href="#"><img src="../../../资料/尚客/images/banner_slide5.jpg"></a>
	              </div> 

                 </div>
            <!-- Add Pagination -->
           <!--  <div class="swiper-pagination seconds-pagination"></div> -->
      </div>
      <img src="../../../资料/尚客/images/order_tr2.jpg" alt="" class="order_tr1">
      <img src="../../../资料/尚客/images/order1.jpg" alt="" class="order_tr2">
      <img src="../../../资料/尚客/images/order_tr3.jpg" alt="" class="order_tr3">
     <div id="nav1">
     	<ul>
     		<li><img src="../../../资料/尚客/images/order_tr3.1.jpg"></li>
     		<li><img src="../../../资料/尚客/images/order_tr3.2.jpg"></li>
     		<li><a href=""><img src="../../../资料/尚客/images/order_tr3.3.jpg"></a></li>
     		<li><a href=""><img src="../../../资料/尚客/images/order_tr3.4.jpg"></a></li>
     	</ul>
     </div>

      <img src="../../../资料/尚客/images/order_tr4.jpg" alt="" class="order_tr4">
     <div id="nav2">
     	<ul>
     		<li><a href=""><img src="../../../资料/尚客/images/order_tr4.1.jpg"></a></li>
     		<li><a href=""><img src="../../../资料/尚客/images/order_tr4.2.jpg"></a></li>
     		<li><a href=""><img src="../../../资料/尚客/images/order_tr4.3.jpg"></a></li>
     		<li><a href=""><img src="../../../资料/尚客/images/order_tr4.4.jpg"></a></li>
     	</ul>
     </div>

  </div>

<!-- 底部导航栏 -->
  <div id="order_bottom_nav"> 
   <ul>
     <li><a href="index.html"><img src="../../../资料/尚客/images/bottom1.png" alt=""></a></li>
     <li><a href="classify.html"><img src="../../../资料/尚客/images/bottom2.png" alt=""></a></li>
     <li><a href="order.html"><img src="../../../资料/尚客/images/bottom8.png" alt=""></a></li>
     <li><a href="../../../资料/尚客/shopCar.html"><img src="../../../资料/尚客/images/bottom4.png" alt=""></a></li>
     <li><a href="../../../资料/尚客/myself.html"><img src="../../../资料/尚客/images/bottom5.png" alt=""></a></li>
   </ul> 
</div> 



   <!-- js文件 -->
  <script src="../../../资料/尚客/js/jquery-1.10.1.min.js"></script>
<script src="../../../资料/尚客/js/swiper-3.4.2.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-banner', {
            autoplay : 3000,
            loop : true,
           // 如果需要分页器
        pagination: '.banner-pagination'
        });
      </script>

       <script>
    var swiper = new Swiper('.swiper_seconds', {
      slidesPerView: 3,
      
      centeredSlides: false,
	  // 如果需要分页器
  
     
    });



    // 返回上一步
    $("#order .back").click(function(){
    	window.history.back(-1);
    });
  </script>
	
</body>
</html>